import Vue from 'vue'
import VeeValidate, { Validator } from 'vee-validate'
// 引入中文语言包并使用
import zh_CN from 'vee-validate/dist/locale/zh_CN'
// 引入正则
import {phoneReg,codeReg,pwdReg} from './reg'

Vue.use(VeeValidate)
Validator.localize('zh_CN', zh_CN)

// 手机号
Validator.extend('phone_rules', {
  // 如果返回的值是false 会走get
  validate: (value) => phoneReg.test(value),
  getMessage: (field) => '请输入正确的手机号'
})

// 验证码
Validator.extend('code_rules', {
  // 如果返回的值是false 会走get
  validate: (value) => codeReg.test(value),
  getMessage: (field) => '请输入正确的验证码',
})

// 密码
Validator.extend('password_rules', {
  // 如果返回的值是false 会走get
  validate: (value) => pwdReg.test(value),
  getMessage: (field) => '请输入正确密码',
})

// 确认密码
Validator.extend('repassword_rules', {
  // 判断这次输入的密码和之前输入的是否相同
  validate: (value,args) => {
    // console.log(value,args[0])
    return value === args[0]
  },
  getMessage: (field) => '请输入正确的确认密码',
})

// 是否同意
Validator.extend('isagree', {
  // 判断这次输入的密码和之前输入的是否相同
  validate: (value) => value,
  getMessage: (field) => '请勾选同意按钮',
})


Validator.extend('required', {
  // 如果返回的值是false 会走get
  validate: (value) => value,
  getMessage: (field) => field + '必须的'
})






